<template>
  <div>
    <el-dialog
        lock-scroll
        class="jin_ri_cai_dan"
        title="今日菜单"
        :visible.sync="isVisiable"
        :before-close="jin_ri_cai_dan_close">

      <!--标题-->
      <el-row>
        <el-col :span="8" v-for="item in title">
          <el-row>
            <el-col>
              <el-image
                  style="width: 135px;height: 90px"
                  src="https://i3.meishichina.com/attachment/recipe/2018/04/24/20180424152455550644713.jpg?x-oss-process=style/c320">
              </el-image>
            </el-col>
            <el-col>
              <strong>xxxx</strong>
            </el-col>
          </el-row>
        </el-col>

        <!--按钮-->
        <el-col :span="8">
          <el-button
              style="width: 130px; margin-left: 0px;margin-top: 40px"
          >确定</el-button>
        </el-col>
      </el-row>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name: "todayCaipu",
  props:{
    isVisiable:true
  },
  data() {
    return {
      title:["早餐","午餐","下午茶","晚餐","宵夜"],
      choiced_title:''
    };
  },
  methods: {
    jin_ri_cai_dan_close(done) {
      this.$emit("change_jinricaican_visiable",false)
      console.log('关闭今日菜单')
      this.isVisiable=!this.isVisiable
      console.log(this.isVisiable+"====菜单内")
    },
    choice_title(item) {
      this.choiced_title=item;
      console.log(this.choiced_title)
    }
  }
}
</script>

<style scoped>
.jin_ri_cai_dan{
  width: 865px;
  height: 520px;
  margin: 0px 0px;
  width: 100%;
  height: 100%;
}
</style>